//获取搜索按钮
var inputBtn = document.querySelector('.inputbox button')
//获取输入框
var inputEle = document.querySelector('.inputbox input')

//点击搜索按钮，发起ajax请求，传参数给服务器，服务器端返回搜索结果
inputBtn.onclick = () => {
    axios.get('/user/search', { params: { searchkey: inputEle.value } }).then((res) => {
        render(res.data.list)
        console.log(res.data);
    })
}



//渲染列表
function render(data) {
    var str = ''
    str = data.map((item, index) => {
        return `<tr>
                    <td>${item.email}</td>
                    <td>${item.name}</td>
                    <td>${item.phone}</td>
                    <td>${item.ingroup}</td>
                    <td class="${item.isadmin ? '' : 'error'}">${item.isadmin ? '是' : '否'}</td>
                    <td> <span class="statusok">${item.status ? '正常' : '异常'}</span> </td>
                    <td> <span>编辑</span> <span>删除</span> </td>
                </tr>
        `
    }).join('')
    // if (str == '') {
    //     str ==<table style="text-align:center;color:red">未查询到数据！</table>
    // }
    document.querySelector('tbody').innerHTML = str
}



//axios是从axios.min.js文件中暴露的  用来发送ajax请求的一个对象
axios.get('/user/list', { params: { page: 1, count: 3 } }).then((res) => {
    //调用render方法，传入后端返回的数据  渲染列表
    render(res.data.list)
    console.log(res.data);
})

axios.post('/user/login', { phpne: '18292956504', pass: '1234' }).then((res) => {
    console.log(res.data);
})